<div class="virtualTable">
  <nz-table class="nz-table" nzTableLayout="fixed" #virtualTable [nzBordered]="true" [nzVirtualItemSize]="30"
    [nzData]="listOfData" [nzVirtualForTrackBy]="trackByIndex" [nzFrontPagination]="false" [nzShowPagination]="false"
    [nzScroll]="{ y: '600px' }" nzSize="small" style="table-layout: auto;">
    <thead>
      <tr>
        <th nzWidth="80px">序号</th>
        <th nzWidth="220px">uuid</th>
        <th>文件名</th>
        <th>文件类型</th>
        <th>创建时间</th>
        <th>更新时间</th>
        <th>创作者</th>
        <th nzRight>操作</th>
      </tr>
    </thead>
    <tbody>
      <ng-template nz-virtual-scroll let-data let-index="index">
        <tr>
          <td>{{ data.index+1 }}</td>
          <td>{{ data.fileid }}</td>
          <td>
            <span (click)="handleClick(data)" style="cursor: pointer;color:#2d79fc ;">
              @if (data.type==="excel") {
              <svg class="icon" aria-hidden="true">
                <use xlink:href="#icon-excel-01"></use>
              </svg>
              }@else {
              <svg class="icon" aria-hidden="true">
                <use xlink:href="#icon-a-wenjianjiazhuse"></use>
              </svg>
              }
              {{ data.filename }}
            </span>
          </td>
          <td>{{ data.filesuffix||'-' }}</td>
          <td>{{data.createtime}}</td>
          <td>{{'-' }}</td>
          <td>{{ data.ownerName }}</td>
          <td nzRight>
            <a (click)="_reset(data)" disabled>待开发</a>
          </td>
        </tr>
      </ng-template>
    </tbody>
  </nz-table>
</div>